<template>
  <div class="invoice">
      <header>
        <img @click="fan()" src="login/1.png" alt="">
        <h2>{{text}}</h2>
      </header>
      <div class="main">
          <img src="myimg/ddfp.jpg" alt="">
      </div>
      
  </div>
</template>

<script>
export default {
    data() {
        return {
            text:null
        }
    },
    created() {
        this.text=this.$route.query.text
    },
    methods:{
        fan(){
            this.$router.go(-1)
        }
    }

}
</script>

<style>
    html,body{
        height:100% ;
    }
    #app{
        height: 100%;
    }
</style>
<style scoped>
.invoice{
    height: 100%;
    display: flex;
    flex-direction: column;
}
header{
    width: 100%;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-right: 0.2rem; */
position: relative;

}
h2{
    font-size: 0.17rem;
}
header>p{
position: absolute;
right: 0.2rem;
}
header>img{
position: absolute;
left: 0;
width: 0.4rem;
}
.main{
    flex: 1;
    /* text-align: center; */

    display: flex;
    align-items: center;
    justify-content: center;
}
.main>img{
    width: 100%;
}
</style>